<div class="common-container">

  <!-------------------推荐--------------------->
  <div id="recommend">

    <!--<span class="more"><a href="#">更多</a></span>-->
    <h2>热门推荐</h2>
    <hr/>

    <!------------------主推荐---------------------->
    <div id="primary-recommend">
      <!------主推荐图片-------->
      <div class="primary-image-box">

        <a href="product#/{{recommend.main.id}}"><img src={{recommend.main.image}} alt="princess"/></a>


      </div>

      <!------主推荐信息-------->
      <div class="primary-recommend-info">
        <span class="primary-product-price">￥{{recommend.main.price}}</span>

      </div>
    </div>

    <!-----------------副推荐------------------->
    <div id="minor-recommend">
      <div class="product-box" ng-repeat="minor_product in recommend.minor">


        <a href="product#/{{minor_product.id}}"><img src={{minor_product.image}} alt="princess"/></a>
        <p><span>￥</span> {{minor_product.price}}</p>
      </div>


    </div>

  </div>

  <!-----------------------分类------------------------->

  <div class="classification" ng-repeat="cl in classification" ng-show="cl.productList.length > 0">

    <!---------------分类标题--------------->
    <div class="classification-head">
      <span class="head">{{cl.label}}</span>
      <!--<a class="more">更多<span class="glyphicon glyphicon-chevron-right"></span></a>-->
    </div>

    <!---------------分类商品------------------>
    <div class="classification-product">
      <!--------------单个分类商品---------------->
      <div class="product-row">
        <div class="product-box" ng-class="{productFirst:$index % 5 == 0}" ng-repeat="product in cl.productList">
          <a href="product#/{{product.id}}"><img src={{product.image}} alt="product image"/></a>
          <a class="product-name" href="product#/{{product.id}}">{{product.name}}</a>

          <p class="product-price"><span>￥</span> {{product.price}}</p>
        </div>
      </div>





    </div>

  </div>
</div>

